<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Formatting a Graph Matrix widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
ul.whs3 { list-style:disc; }
table.whs4 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs5 { width:50%; }
tr.whs6 { x-cell-content-align:top; height:19px; }
td.whs7 { width:50%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs8 { width:50%; border-top-style:Solid; border-top-color:#000000; border-top-width:1px; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
p.whs9 { font-size:9pt; font-weight:bold; }
tr.whs10 { x-cell-content-align:top; height:141px; }
td.whs11 { width:50%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs12 { width:50%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs13 { list-style:decimal; }
p.whs14 { font-size:9pt; margin-top:4.5pt; }
tr.whs15 { x-cell-content-align:top; height:75px; }
tr.whs16 { x-cell-content-align:top; height:101px; }
tr.whs17 { x-cell-content-align:top; height:91px; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nFormatting widgets\nFormatting a Graph Matrix widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Formatting a Graph Matrix widget</h1>
<p class="whs2">For an image of a Graph Matrix widget and steps 
 to add one to a document, see 
<a href="Defining_a_Graph_Matrix_widget.htm" 
 style="font-size: 9pt;">Defining a Graph Matrix widget</a>.</p>
<p class="whs2">&nbsp;</p>
<p>A Graph Matrix widget inherits some of its formatting from the Grid/Graph 
 that contains the widget in graph mode. The following list describes what 
 formatting is inherited from the Grid/Graph:</p>
<p>&nbsp;</p>
<ul type="disc" class="whs3">
	
<li class=p><p>The row axis header font is inherited from the Grid/Graph's 
 row axis header font</p></li>
	
<li class=p><p>The row axis values font is inherited from the Grid/Graph's 
 row axis values font</p></li>
	
<li class=p><p>The column axis header is inherited from the Grid/Graph's 
 column axis header font</p></li>
	
<li class=p><p>The column axis values font is inherited from the grid's 
 column axis values font</p></li>
</ul>
<p>&nbsp;</p>
<p class="whs2">Refer to the following table for information 
 on formatting various parts of the widget and the steps to format them. 
 The steps can be performed in Flash Mode. They can also be performed in 
 Interactive Mode if the widget has been defined to display as a widget 
 in DHTML, and DHTML is enabled in Web. For instructions to determine how 
 the widget is displayed, see 
<a href="Widget_non_Flash.htm">Determining 
 how a widget is rendered in non-Flash modes</a>. For instructions to enable 
 DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling DHTML in 
 MicroStrategy Web</a>.</p>
<p class="whs2">&nbsp;</p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs4">
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table><table x-use-null-cells cellspacing='0' width='100%' border='1' bordercolor='black' bordercolorlight='black' bordercolordark='black'>");
//--></script>
<col class="whs5">
<col class="whs5">


<tr valign="top" class="whs6">
<td colspan="1" rowspan="1" width="50%" class="whs7">
<p class="whs2"><span style="font-weight: bold;"><B>What to Format 
 in the Widget</B></span></td>
<td colspan="1" rowspan="1" width="50%" class="whs8">
<p class="whs9">How to Format it</td></tr>

<tr valign="top" class="whs10">
<td width="50%" class="whs11">
<p class="whs2">&nbsp;</p>
<p class="whs2">Determine if every area graph uses the same 
 scale and number interval on their Y-axes</td>
<td width="50%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In<span 
 style="font-weight: bold;"><B> Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 the <span style="font-weight: bold;"><B>Uniform axis </B></span>option.</p></li>
	<ul>
<li style="font-size: 9pt; list-style: disc;" type=disc class=p><p class="whs14">This option makes all the grids 
 and or graphs appear to have the same empty axis values. If you scroll 
 over the X-axis, you can see that the values are unique for each object 
 on the widget.</p></li>
	</ul>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs15">
<td colspan="1" rowspan="1" width="50%" class="whs11">
<p class="whs2">Add horizontal reference lines to every area 
 graph </p>
<p class="whs2">&nbsp;</p>
<p class="whs2">(The red line provides the average for all graphs 
 in the same row; the black line provides the average for each graph.)</td>
<td colspan="1" rowspan="1" width="50%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or clear the <span style="font-weight: bold;"><B>Reference Line</B></span> check 
 box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs15">
<td colspan="1" rowspan="1" width="50%" class="whs11">
<p class="whs2">Show or hide the axis labels on the area graphs</td>
<td colspan="1" rowspan="1" width="50%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties. 
 </B></span>The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or clear the <span style="font-weight: bold;"><B>Axis Labels</B></span> check 
 box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs16">
<td colspan="1" rowspan="1" width="50%" class="whs11">
<p class="whs2">Adjust how transparent or opaque the background 
 of the widget is</td>
<td colspan="1" rowspan="1" width="50%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">From 
 the <span style="font-weight: bold;"><B>Background Opacity</B></span> drop-down 
 list, select a level of opacity. The higher the percentage, the less transparent 
 the background is.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>

<tr valign="top" class="whs17">
<td colspan="1" rowspan="1" width="50%" class="whs11">
<p class="whs2"><span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">Show or hide a 
 legend for the area graphs</font></span></p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><span style="font-weight: bold;"><B>Note</B></span>: 
 The legend is displayed when you click one of the area graphs to maximize 
 the graph.</td>
<td colspan="1" rowspan="1" width="50%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Select 
 or clear the <span style="font-weight: bold;"><B>View Graph Legend in</B></span> 
 <span style="font-weight: bold;"><B>Zoom View </B></span>check box.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol>
<p>&nbsp;</td></tr>

<tr valign="top" class="whs17">
<td colspan="1" rowspan="1" width="50%" class="whs11">
<p>Determine whether to display all series as line graphs or to display 
 the values of the first metric as area graphs</p>
<p>&nbsp;</p>
<p>The area graph shows the current values, allowing you to see how values 
 changed over time. The area graph represents the values of the first metric 
 on the Grid/Graph that contains the widget.</td>
<td colspan="1" rowspan="1" width="50%" class="whs12">
<ol type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">In 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> or <span style="font-weight: bold;"><B>Interactive 
 Mode</B></span>, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box opens.</p></li>
</ol>
<ul>
<li style="list-style: disc;" type=disc class=p><p class="whs14">To 
 display the values of the first metric as area graphs, clear the <span 
 style="font-weight: bold;"><B>All Series as Line Graphs </B></span>check box.</p></li>
	
<li style="list-style: disc;" type=disc class=p><p class="whs14">To 
 display all the series as line graphs, select the <span style="font-weight: bold;"><B>All 
 Series as Line Graphs </B></span>check box.</p></li>
</ul>
<ol start="2" type="1" class="whs13">
	
<li style=" font-size: 9pt; " class=p><p class="whs14">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to save the changes.</p></li>
</ol></td></tr>
<script language='JavaScript'><!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) document.write("</table></table><table>");
//--></script>
</table>
<p class="whs2">&nbsp;</p>
<p class="whs2">&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
